<template>
  <div class="user-info">
    <h3>我是个人信息组件</h3>
    <div>姓名：{{ username }}</div>
    <div>年龄：{{ age }}</div>
    <div>是否单身：{{ isSingle ?'是': '否' }}</div>
    <div>座驾：{{ car.brand }}</div>
    <div>兴趣爱好：{{ hobby.join('、') }}</div>
  </div>
</template>
  
  <script>
export default {
  props: ["username", "age", "isSingle", "car", "hobby"],
};
</script>
  
  <style scoped>
.user-info {
  width: 300px;
  border: 3px solid green;
  padding: 20px;
}
.user-info div {
  margin: 20px 10px;
}
</style>